<template>
    <div id="sy">
        <div class="warpe">
            <div class="head">
                <!-- <a href="#" class="return"><i class="icon-chevron-left"></i> 返回</a>-->
                社区互动
                <a href="Interest_user.html" class="search"><i class="icon-reorder"></i> </a>
            </div>
            <div class="comnav">
                <ul>
                    <li class="animated bounceIn">
                        <a href="community_activity.html">
                            <p><img src="../../assets/img/icon_hd.png"> </p>
                            <p>活动召集</p>
                        </a>
                    </li>
                    <li class="animated bounceIn">
                        <a href="community_sqh.html">
                            <p><img src="../../assets/img/icon_sqh.png"> </p>
                            <p>社区汇</p>
                        </a>
                    </li>
                    <li class="animated bounceIn">
                        <a href="Interest.html">
                            <p><img src="../../assets/img/icon_xq.png"> </p>
                            <p>兴趣</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="com_ad">
                <div class="com_ad_l">
                    <a href="group.html"> <img src="../../assets/img/pic4.jpg" class="animated fadeInLeft"></a>
                </div>
                <div class="com_ad_r">
                    <div class="com_ad_rt">
                        <a href="second.html"> <img src="../../assets/img/pic5.jpg" class="animated fadeInRight"></a>
                    </div>
                    <div class="com_ad_rt clear_border">
                        <a href="carpooling.html"> <img src="../../assets/img/pic6.jpg" class="animated fadeInLeft"></a>
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="pictitle">
                    <span class="picbg"></span>
                    <span>最新活动</span>
                </div>
                <div class="activity">
                    <ul>
                        <li class="animated fadeInDown">
                            <a href="#">
                                <img src="../../assets/img/banner.jpg">
                                <div class="activity_txt">
                                    <p>周末出行，南昆山亲子游，走起...</p>
                                    <p><span>时间：</span><span class="color_y">6月31日</span> </p>
                                </div>
                            </a>
                        </li>
                        <li class="animated fadeInUp">
                            <a href="#">
                                <img src="../../assets/img/banner.jpg">
                                <div class="activity_txt">
                                    <p>周末出行，南昆山亲子游，走起...</p>
                                    <p><span>时间：</span><span class="color_y">6月31日</span> </p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="center">
                <div class="pictitle">
                    <span class="picbg"></span>
                    <span>社区新鲜事</span>
                </div>
                <div class="main">
                    <div class="postall margin_top">
                        <a href="post_xq.html">
                            <div class="post_t">
                                <img src="../../assets/img/banner.jpg">
                                <span>龙五</span>
                                <span><font>发表在</font><font class="color_g2">帮帮忙</font> </span>
                            </div>
                            <div class="post_m">
                                <p>有四五天没有回小区了，刚才回来发现门口经常被送报纸的人放在门口边的南方都市报不见了</p>
                            </div>
                            <div class="post_img post_img02 animated bounceIn">
                                <img src="../../assets/img/pic7.jpg">
                            </div>
                            <div class="post_b">
                                <span class="puff_left">30分钟前</span>
                                <span class="puff_right">
                        <label><i class="icon-heart-empty color_y"></i> 8</label>
                        <label><i class="icon-comments-alt color_y"></i> 12</label>
                    </span>
                            </div>
                        </a>
                    </div>
                    <div class="postall">
                        <a href="post_xq.html">
                            <div class="post_t">
                                <img src="../../assets/img/banner.jpg">
                                <span>龙五</span>
                                <span><font>发表在</font><font class="color_g2">邻里邻居</font> </span>
                            </div>
                            <div class="post_m">
                                <p>有四五天没有回小区了，刚才回来发现门口经常被送报纸的人放在门口边的南方都市报不见了</p>
                            </div>
                            <div class="post_img post_img02 animated bounceIn">
                                <img src="../../assets/img/pic7.jpg">
                            </div>
                            <div class="post_b">
                                <span class="puff_left">30分钟前</span>
                                <span class="puff_right">
                        <label><i class="icon-heart-empty color_y"></i> 8</label>
                        <label><i class="icon-comments-alt color_y"></i> 12</label>
                    </span>
                            </div>
                        </a>
                    </div>
                    <div class="id_bth" style="margin-top: 1rem;">
                        <a href="#">进入社区汇，了解更多信息</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="navside">
            <ul>
                <li class="margin_left animated bounceInLeft">
                    <router-link :to="homeLink">
                        <p><i class="icon-home"></i> </p>
                        <span>首页</span>
                    </router-link>
                </li>
                <li class="animated bounceInRight">
                    <router-link :to="znzxLink">
                        <p><i class="icon-globe"></i> </p>
                        <span>智能中心</span>
                    </router-link>
                </li>
                <li class="animated bounceInLeft">
                    <router-link :to="fwzxLink">
                        <p><i class="icon-star-empty"></i> </p>
                        <span>服务中心</span>
                    </router-link>
                </li>
                <li class="animated bounceInRight">
                    <router-link :to="sqhdLink"  class="navside_hover">
                        <p><i class="icon-columns"></i> </p>
                        <span>社区互动</span>
                    </router-link>
                </li>
                <li class="animated bounceInLeft">
                    <router-link :to="xxzxLink">
                        <p><i class="  icon-th-large"></i> </p>
                        <span>信息中心</span>
                    </router-link>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {
        props: {

        },
        data(){
            return {
                homeLink: '/home',
                znzxLink: '/znzx',
                fwzxLink: '/fwzx',
                sqhdLink: '/sqhd',
                xxzxLink: '/xxzx',
            }
        },
        methods: {
            changeTitle: function () {
            }
        }
    }
</script>


<style scoped>
    h1 {
        color: #222;
        text-align: center;
    }
</style>
